.home_view {
  width: 100%;
  height: 100vh;
  background-size: cover;
}
.home_view_status {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 899;
}
.home_view_section {
  width: 750px;
  height: 1004px;
  // background: #D8D8D8;
  border-radius: 200px 200px 0px 0px;
}
.home_view_section_img {
  border-radius: 200px 200px 0px 0px;
  width: 750px;
  height: 1004px;
}
.home_view_content {
  // padding-top: 24px;
  position: relative;
}
.home_view_content_logo {
  width: 544px;
  height: 152px;
  margin-left: 20px;
}
.home_view_content_action {
  position: absolute;
  right: 0px;
  top: 96px;
  width: 304px;
  height: 56px;
  background: rgba(0,0,0,0.2);
  border-radius: 28px 0px 0px 28px;
  border: 2px solid #A98F69;
  z-index: 99;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  // justify-content: space-between;
}
.home_view_content_action_info {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  padding-right: 110px;
  align-items: center;
  font-size: 24px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #D8CCB9;
}
.home_view_content_action_remain {
  font-size: 48px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #EECB93;
}
.home_view_content_action_get {
  position: absolute;
  top: 2px;
  right: 0;
  width: 120px;
  height: 48px;
  background-image: url('https://jala-test-images.sndaurl.cn/images/obtain_bg.png');
  background-size: cover;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 28px;
  box-sizing: border-box;
  font-size: 22px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #502B0E;
}
.home_view_content_action_get_icon {
  width: 16px;
  height: 16px;
}
.home_view_container {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  padding-bottom: calc(constant(safe-area-inset-bottom));
	padding-bottom: calc(env(safe-area-inset-bottom));
  z-index: 99;
}
.home_view_container_templates {
  display: flex;
  align-items: center;
  height: 228px;
  overflow-x: scroll;
  // display: -webkit-box;
  // flex-direction: row;
  // overflow-x: auto;
  // padding-left: 24px;
  // margin-bottom: 68px;
  // align-items: center;
  // vertical-align: middle;
  // width: 100%;
  // scrollbar-width: none; /* firefox */
  // -ms-overflow-style: none; /* IE 10+ */
  margin-bottom: 68px;
}
.home_view_container_templates::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.home_view_container_templates_item {
  width: 152px;
  height: 196px;
  border-radius: 48px;
  border: 2px solid #C6A678;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  overflow: hidden;
  margin-right: 20px;
}
.home_view_container_templates_item_section {
  position: relative;
  width: 136px;
  height: 180px;
  border-radius: 48px;
  overflow: hidden;
}
.home_view_container_templates_item_img {
  width: 136px;
  height: 180px;
  border-radius: 48px;
}
.home_view_container_templates_item_text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 136px;
  height: 36px;
  background: rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #FFF5E5;
}
.home_view_container_templates_item.active {
  height: 228px;
  width: 180px;
  padding: 14px;
  background-image: url('https://jala-test-images.sndaurl.cn/images/home/selectedState.png');
  background-size: cover;
  border: 0;
}
.home_view_container_templates_item.active .home_view_container_templates_item_section,
.home_view_container_templates_item.active .home_view_container_templates_item_img {
  width: 152px;
  height: 200px;
}
.home_view_container_templates_item.active .home_view_container_templates_item_text {
  width: 152px;
  height: 40px;
  background: #EECB93;
  font-size: 22px;
  font-family: PingFangSC, PingFang SC;
  font-weight: bold;
  color: #502B0E;
}
.home_view_container_actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.home_view_container_actions_item {
  width: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home_view_container_actions_item_icon {
  width: 60px;
  height: 60px;
  margin-bottom: 4px;
}
.home_view_container_actions_item_text {
  height: 28px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFF5E5;
  line-height: 28px;
}
.home_view_container_actions_btn {
  margin: 0 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #553E1D;
  width: 494px;
  height: 92px;
  background: linear-gradient(90deg, #FFDDBF 0%, #D3A06D 100%);
  border-radius: 46px;
  overflow: hidden;
  position: relative;
}
@keyframes shadowMove {
	0% {
		left: -120%;
	}
	// 50% {
	// 	left: 120%;
	// }
	100% {
		left: 120%;
	}
}

.home_view_container_actions_btn::after {
	/* 将子盒子定位到父盒子左边（被隐藏） */
	position: absolute;
	left: -120%;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	/* 让子盒子变形为倾斜 */
	transform: skew(-30deg);
	/* 给子盒子一个透明~白色~透明的线性渐变 */
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0));
	animation: shadowMove 2s linear infinite; /* 动画名称、持续时间、动画效果、重复次数（这里是无限循环） */
}
.modal_view {
  width: 750px;
  background: linear-gradient(135deg, #F5E8DA 0%, #FFFAF5 100%);
  border-radius: 72px 72px 0px 0px;
  position: fixed;
  bottom: 0;
  left: 0;
  animation: slip_in .3s;
  padding: 48px 32px 80px 40px;
  box-sizing: border-box;
}
.modal_view_icon {
  width: 156rpx;
  height: 156rpx;
  position: absolute;
  right: 0;
  top: 24rpx;
}
@keyframes slip_in
{
  from {transform:translateY(100%);}
  to {transform:translateY(0);}
}
.modal_view_title {
  display: flex;
  flex-direction: row;
  height: 96px;
  align-items: center;

  margin-bottom: 76px;
}
.modal_view_title_logo {
  height: 96px;
  width: 248px;
  margin-right: 66px;
}
.modal_view_title_name {
  font-size: 40px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #502B0E;
  position: relative;
  height: 96px;
  line-height: 96px;
}
.modal_view_title_name::before {
  content: '';
  width: 2px;
  height: 84px;
  background: #D1BDAD;
  position: absolute;
  top: 8px;
  left: -40px;
}
.modal_view_subtitle {
  text-indent: 48px;
  height: 40px;
  font-size: 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #502B0E;
  line-height: 40px;
  margin-bottom: 16px;
}
.modal_view_detail {
  padding-left: 64px;
  position: relative;
  margin-bottom: 32px;
}
.modal_view_detail_check {
  position: absolute;
  left: 0;
  top: 4px;
  width: 32px;
  height: 32px;
  border: 1px solid #AE9C8C;
  z-index: 899;
  border-radius: 100%;
}
.modal_view_detail_icon {
  position: absolute;
  left: 0;
  top: 2px;
  width: 48px;
  height: 48px;
  z-index: 899;
}
.modal_view_detail_content {
  display: block;
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #AE9C8C;
  line-height: 40px;
}
.modal_view_detail_content_link {
  color: #D75D00;
  text-decoration: underline;
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  line-height: 40px;
}
.modal_view_action {
  padding: 0 44px;
}
.modal_view_action_login {
  width: 582px;
  height: 92px;
  background: linear-gradient(90deg, #FFDDBF 0%, #D3A06D 100%);
  box-shadow: inset 0px 4px 8px 0px rgba(255,255,255,0.13);
  border-radius: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #553E1D;
  margin-bottom: 16px;
}
.modal_view_action_cancel {
  height: 40px;
  font-size: 28px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #AE9C8C;
  line-height: 40px;
  text-align: center;
}
.modal_views {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 99;
}
.modal_tip {
  width: 606px;
  background: linear-gradient(135deg, #F5E8DA 0%, #FFFAF5 100%);
  border-radius: 72px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 48px;
  box-sizing: border-box;
}
.modal_tip_title {
  height: 52px;
  font-size: 36px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #502B0E;
  line-height: 52px;
  margin-bottom: 24px;
  text-align: center;
}
.modal_tip_content {
  display: block;
  font-size: 28px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #502B0E;
  line-height: 44px;
  margin-bottom: 8px;
}
.modal_tip_content_link {
  font-size: 28px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #D75D00;
  line-height: 44px;
  text-decoration: underline;
}
.mb48 {
  margin-bottom: 48px;
}
.modal_tip_action {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.modal_tip_action_item {
  width: 244px;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  box-sizing: border-box;
  font-size: 32px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  border-radius: 46px;
}
.modal_tip_action_item.cancel {
  box-shadow: inset 0px 0px 8px 0px rgba(255,255,255,0.18);
  border: 2px solid #EECB93;
  color: #EECB93;
}
.modal_tip_action_item.sure {
  background: linear-gradient(90deg, #FFDDBF 0%, #D3A06D 100%);
  box-shadow: inset 0px 4px 8px 0px rgba(255,255,255,0.13);
  color: #553E1D;
}
.at-modal__container {
  background: transparent;
  width: 750px;
}
.maskView {
  position: fixed;
  left: 0;
  top: 0;
  width: 750px;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 399;
}
